<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">

    <title>Lotus</title>

  <meta name="viewport" content="width=device-width,  initial-scale=1, maximum-scale=1">
    <meta name="description" content="">
    <meta name="author" content="">

  <!--[if lt IE 9]>
      <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
    <![endif]-->



<link href='http://fonts.googleapis.com/css?family=Rouge+Script' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Oswald:400,300' rel='stylesheet' type='text/css'>


 
<link href="css/bootstrap.css" rel="stylesheet">
<link href="css/bootstrap-responsive.css" rel="stylesheet">
<link href="css/style.css" rel="stylesheet">
<link href="css/media.css" rel="stylesheet">
<link rel="stylesheet" media="screen" href="css/sequencejs-theme.modern-slide-in.css" />
<link rel="stylesheet" media="screen" href="css/prettyphoto.css" />
		
		
</head>

<body>


<div class="sliderbg">


<div class="phone">
<p>Contact Phone: +99 861 440 210</p>
</div>




<header class="menuwrapperdesktop">

<div class="container">
<div class="row">


<section class="logo span3">
<a href="#"><img src="images/logo.png" alt="logo"></a>
</section>


<nav class="menudesktop span9">
  
<ul id="menu">
<li class="menu1">
		<a class="mainmenu" href="index-2.html">Home</a>
		<ul>
<li><a href="index-2.html">Home Paralax</a></li>
<li><a href="index2.html">Home Paralax 2</a></li>      
<li><a href="index3.html">Home Camera</a></li>   
					
		</ul>
	</li>
	

<li class="menu1">
		<a class="mainmenu" href="about.html">About</a>
		<ul>
			
			<li><a href="about.html">About Us</a></li>
			  <li><a href="about2.html">About Us 2</a></li>                      
			
		</ul>


	</li>
	<li class="menu1">
		<a class="mainmenu" href="#">Pages</a>
		<ul>
			
			<li><a href="services.html">Services</a></li>
			  <li><a href="special.html">Special</a></li>                      
			
		</ul>
	</li>
<li class="menu1">
		<a class="mainmenu" href="gallery1.html">portfolio</a>
		<ul>
			
			<li><a href="gallery1.html">Gallery 1</a></li>
			  <li><a href="gallery2.html">Gallery 2</a></li>                      
			
		</ul>
	</li>
            <li class="menu1">
                <a class="mainmenu" href="blog.html">Blog</a>
		<ul>
                 <li><a href="blog.html">Blog</a></li>
			  <li><a href="blogdetails.html">Blog details</a></li>     
		</ul>
	</li>

     <li class="menu1">
                <a class="mainmenu mainmenulast" href="contact.html">contact</a>
		<ul>
		</ul>
	</li>
            

</ul>

</nav>  


</div>  </div>  
 </header>  <!--/menudesktop end--> 




<header class="menuwrappermobile">
<div class="container">
<div class="row">


<section class="span12 logo">
<a href="#"><img src="images/logo.png" alt="logo"></a>
</section>
 </div> 

<div class="row">

  
<nav class="menuwrappermobile">

<div class="accordion span12" id="mycolapsible">

<div class="accordion-group">
<div class="accordion-heading">
<a class="accordion-toggle" data-toggle="collapse" data-parent="#mycolapsible" href="#collapseOne">
Homepages
</a>
</div>
<div id="collapseOne" class="accordion-body collapse in">
<div class="accordion-inner">
<a href="index-2.html">Home Paralax</a>
</div>
<div class="accordion-inner">
<a href="index2.html">Home Paralax 2</a>
</div>
<div class="accordion-inner">
<a href="index3.html">Home Camera</a>
</div>


</div>
</div>


<div class="accordion-group">
<div class="accordion-heading">
<a class="accordion-toggle" data-toggle="collapse" data-parent="#mycolapsible" href="#collapseTwo">
About
</a>
</div>
<div id="collapseTwo" class="accordion-body collapse">
<div class="accordion-inner">
<a href="about.html">About us</a>
</div>
<div class="accordion-inner">
<a href="about2.html">About us 2</a>
</div>


</div>
</div>

<div class="accordion-group">
<div class="accordion-heading">
<a class="accordion-toggle" data-toggle="collapse" data-parent="#mycolapsible" href="#collapseThree">
Pages
</a>
</div>
<div id="collapseThree" class="accordion-body collapse">
<div class="accordion-inner">
<a href="gallery1.html">Portfolio</a>
</div>
<div class="accordion-inner">
<a href="gallery2.html">Portfolio 2</a>
</div>
<div class="accordion-inner">
<a href="special.html">Special</a>
</div>
<div class="accordion-inner">
<a href="services.html">Services</a>
</div>


</div>
</div>


<div class="accordion-group">
<div class="accordion-heading">
<a class="accordion-toggle" data-toggle="collapse" data-parent="#mycolapsible" href="#collapseFour">
Blog pages
</a>
</div>
<div id="collapseFour" class="accordion-body collapse">
<div class="accordion-inner">
<a href="blog.html">Blog</a>
</div>
<div class="accordion-inner">
<a href="blogdetails.html">Blog Details</a>
</div>

</div>
</div>


<div class="accordion-group">
<div class="accordion-heading">
<a class="accordion-toggle" data-toggle="collapse" data-parent="#mycolapsible" href="#collapseFive">
Contact
</a>
</div>
<div id="collapseFive" class="accordion-body collapse">
<div class="accordion-inner">
<a href="contact.html">Contact</a>
</div>


</div>
</div>


</div></nav>


 </div> 

 </div> 
 </header> 
<!--/menumbile end--> 



<div class="sequence-theme">
			<div id="sequence">


				<img class="sequence-prev" src="images/prev.png" alt="Previous Frame" />
				<img class="sequence-next" src="images/next.png" alt="Next Frame" />



				<ul class="sequence-canvas">
					<li class="animate-in">
						<h2 class="title">spa and wellness</h2>
						<h3 class="subtitle">premium website template</h3>
<p class="subtitle1">
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam.<span>Lorem ipsum dolor sit amet</span> consectetuer adipiscing elit, sed diam nonummy nibh 
euismod tincidunt </p>


<section class="button2slider buttonslider">
<a href="http://themeforest.net/user/rayoflightt/portfolio">read more</a>
</section>



<img class="model" src="images/model1.png" alt="Model 1" />
					</li>
					<li>
						<h2 class="title">spa and wellness</h2>
						<h3 class="subtitle">premium website template</h3>
                                                 <p class="subtitle1">
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt <span>ut laoreet dolore magna</span> aliquam erat volutpat. Ut wisi enim ad minim veniam.Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh 
euismod tincidunt </p>

<section class="button2slider buttonslider">
<a href="http://themeforest.net/user/rayoflightt/portfolio">read more</a>
</section>
<img class="model" src="images/model2.png" alt="Model 2" />
					</li>
					<li>
						<h2 class="title">spa and wellness</h2>
						<h3 class="subtitle">premium website template</h3>
<p class="subtitle1">
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet <span>dolore magna aliquam erat</span> volutpat. Ut wisi enim ad minim veniam.Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh 
euismod tincidunt </p>	

<section class="button2slider buttonslider">
<a href="http://themeforest.net/user/rayoflightt/portfolio">read more</a>
</section>					

<img class="model" src="images/model3.png" alt="Model 3" />
					</li>
				</ul>

				<div class="sequence-pagination">
					<div class="paginationslider"></div>
					<div class="paginationslider"></div>
					<div class="paginationslider"></div>
				</div>

			</div></div>
</div>




<div class="underslider2a">

<div class="container">
<div class="row">
<div class="span6">
 
<h2>Gallery <span>  lorem ipsum dolor sit</span></h2>

</div>


<div class="span6">
 
<ul class="ch-grid1">
<li>
<div class="ch-item ch-img-1">

</div>
</li>

<li>
<div class="ch-item ch-img-2">

</div>
</li>

<li>
<div class="ch-item ch-img-3">

</div>
</li>
</ul>
</div>



</div></div>

</div>



<div class="container">
<div class="row">

<div class="span12">
<div class="columnheadlineabout2">
<h4><span>Gallery</span></h4>
<p>- Lorem ipsum dolor sit -</p>

</div>
</div>



<div class="span12">

<ul class="splitter">
<li>
<ul class="splitterbg">
<li class="segment-2">
<a href="#" data-value="everybody">All</a></li>
<li class="segment-1">
<a href="#" data-value="feature1"> Feature 1 </a></li>
<li class="segment-0">
<a href="#" data-value="feature2">Feature 2 </a></li>

</ul>

</li></ul>



<ul id="list" class="image-grid row">



<li data-id="id-1" class="everybody feature1 span6"><!-- one picture-->

<div class="view view-tenth">
<img src="images/galleryimage1.jpg"  alt=""/>

<div class="mask">
<a href="images/galleryimage1.jpg" class="prettyPhoto[pp_gal]" title="picture"></a>
<h2>Lorem Ipsum dolor</h2>
<p>- lorem ipsum dolor -
</p>
</div>

</div>
</li><!-- one picture end-->



<li data-id="id-2" class="everybody feature2 span6"><!-- one picture-->

<div class="view view-tenth">
<img src="images/galleryimage2.jpg" alt="" />

<div class="mask">
<a href="images/galleryimage2.jpg" class="prettyPhoto[pp_gal]" title="picture"></a>
<h2>Lorem Ipsum dolor</h2>
<p>- lorem ipsum dolor -
</p>
</div>

</div>
</li><!-- one picture end-->




<li data-id="id-3" class="everybody feature2 span6"><!-- one picture-->

<div class="view view-tenth">
<img src="images/galleryimage3.jpg" alt="" />

<div class="mask">
<a href="images/galleryimage3.jpg" class="prettyPhoto[pp_gal]" title="picture"></a>
<h2>Lorem Ipsum dolor</h2>
<p>- lorem ipsum dolor -
</p>
</div>

</div>
</li><!-- one picture end-->


<li data-id="id-4" class="everybody feature1 span6"><!-- one picture-->

<div class="view view-tenth">
<img src="images/galleryimage4.jpg"  alt=""/>

<div class="mask">
<a href="images/galleryimage4.jpg" class="prettyPhoto[pp_gal]" title="picture"></a>
<h2>Lorem Ipsum dolor</h2>
<p>- lorem ipsum dolor -
</p>
</div>

</div>
</li><!-- one picture end-->


<li data-id="id-5" class="everybody feature1 span6"><!-- one picture-->

<div class="view view-tenth">
<img src="images/galleryimage5.jpg"  alt=""/>

<div class="mask">
<a href="images/galleryimage5.jpg" class="prettyPhoto[pp_gal]" title="picture"></a>
<h2>Lorem Ipsum dolor</h2>
<p>- lorem ipsum dolor -
</p>
</div>

</div>
</li><!-- one picture end-->


<li data-id="id-6" class="everybody feature1 span6"><!-- one picture-->

<div class="view view-tenth">
<img src="images/galleryimage3.jpg"  alt=""/>

<div class="mask">
<a href="images/galleryimage3.jpg" class="prettyPhoto[pp_gal]" title="picture"></a>
<h2>Lorem Ipsum dolor</h2>
<p>- lorem ipsum dolor -
</p>
</div>

</div>
</li><!-- one picture end-->

<li data-id="id-7" class="everybody feature2 span6"><!-- one picture-->

<div class="view view-tenth">
<img src="images/galleryimage2.jpg"  alt="" />

<div class="mask">
<a href="images/galleryimage2.jpg" class="prettyPhoto[pp_gal]" title="picture"></a>
<h2>Lorem Ipsum dolor</h2>
<p>- lorem ipsum dolor -
</p>
</div>

</div>
</li><!-- one picture end-->


<li data-id="id-8" class="everybody feature1 span6"><!-- one picture-->

<div class="view view-tenth">
<img src="images/galleryimage3.jpg" alt=""/>

<div class="mask">
<a href="images/galleryimage3.jpg" class="prettyPhoto[pp_gal]" title="picture" ></a>
<h2>Lorem Ipsum dolor</h2>
<p>- lorem ipsum dolor -
</p>
</div>

</div>
</li><!-- one picture end-->

</ul>



</div><!--/span12 end--> 


</div><!--/row end--> 

 </div><!--/container end--> 



<footer class="footer">

<div class="container">
<div class="row">



<div class="span4">

<div class="footerheadline">
<h4>Testimonials</h4>
</div>

<div class="testimonial">
<p class="testimonialbg">
"Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut 
laoreet dolore magna. "
</p>
<p  class="testimonialname">John Doe</p>
</div>


<p class="testimonialbg">
"Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut 
laoreet dolore magna. "
</p>
<p  class="testimonialname">John Doe</p>

</div>


<div class="span4">

<div class="footerheadline">
<h4>Latest Tweets</h4>
</div>


<div class="tweet">
<img src="images/twitterbird.png" alt=""/>
<p>
@green-snipe Lorem ipsum dolor sit amet, consectetuer adipiscing elit. 
</p>
<p  class="twittertime">About 2 days ago</p>
</div>

<div class="tweet">
<img src="images/twitterbird.png" alt=""/>
<p>
@green-snipe Lorem ipsum dolor sit amet, consectetuer adipiscing elit. 
</p>
<p  class="twittertime">About 2 days ago</p>
</div>

<div class="tweet tweetlast">
<img src="images/twitterbird.png" alt=""/>
<p>
@green-snipe Lorem ipsum dolor sit amet, consectetuer adipiscing elit. 
</p>
<p  class="twittertime">About 2 days ago</p>
</div>


</div>

<div class="span4">

<div class="footerheadline">
<h4>Tag Cloud</h4>
</div>

<p class="blogtags">
<span><a href="#">Beauty</a></span>
<span><a href="#">Spa</a></span>	
<span><a href="#">Wellness</a></span>
<span><a href="#">Terapy</a></span>
<span><a href="#">Massage</a></span>	
<span><a href="#">Paraffin</a></span>
<span><a href="#">Beauty</a></span>
<span><a href="#">Spa</a></span>	
<span><a href="#">Wellness</a></span>				
</p>

<div class="footerheadline1">
<h4>Newsletters</h4>
<p>Lorem ipsum dolor sit amet</p>
</div>



<div class="subscribefieldwrapper"><!--/subscribe-form--> 
<form method="post" action="http://spatheme.appspot.com/submit.php">
<div>

<input type="text" placeholder="enter your email..." name="email" id="emailsubmit" 

class="subscribefield" />

<input type="submit"  name="subscribe"  id="subscribe" value="Subscribe" class="buttonsubscribe"/>
<ul id="response1"></ul>
   

</div>
</form>

    </div><!--/subscribe-form-end--> 




</div>



</div> </div> 
</footer> 


<div class="bottom"> 

 <div class="container"> 
 <div class="row"> 
<section class="icons span4">  
   <a href="#"><div class="item"><div><i class="icontwitter"></i></div></div></a>   
  <a href="http://www.facebook.com/pages/Rayoflight/408688349185439"><div class="item"><div><i class="iconfacebook"></i></div></div></a>       
  <a href="#"><div class="item"><div><i class="icongoogle"></i></div></div></a>  
 <a href="#"><div class="item"><div><i class="iconrss"></i></div></div></a>  
 <a href="#"><div class="item"><div><i class="iconskype"></i></div></div></a>  
  <a href="#"><div class="item"><div><i class="iconyoutube"></i></div></div></a>  
 
</section> 


<section class="span4 copyright">  
<p>&copy; 2013. <a href="http://themeforest.net/user/miciana1417/portfolio">lotus</a> All rights reserved.</p>
</section> 


<section class="span4">  
<a href="javascript:scrollToTop()" title="top of page"><div class="topofpage"></div></a>
</section> 

 </div> </div>


</div> 



<script type="text/javascript" src="js/jquery.js"></script><!--jquery script-->
<script type="text/javascript" src="js/jquery-migrate.js"></script><!--jquery script-->


<script type="text/javascript" src="js/quicksand1.js"></script>	
<script type="text/javascript" src="js/quicksand.js"></script>

<script type="text/javascript" src="js/prettyphoto.js"></script>	


<script>//<![CDATA[
$('html, body').ready(function() {
var options = {
thumbs:false,
nextButton: false,
prevButton: false,
pagination: true,
animateStartingFrameIn: true,
autoPlay: true,
autoPlayDelay: 3000,
preloader: true,
preloadTheseFrames: [1],
preloadTheseImages: [
"images/smalldot1.png"
]
};
var mySequence = $("#sequence").sequence(options).data("sequence");
});
//]]></script>



<script>//<![CDATA[
$('html, body').ready(function(){
jQuery('#mycollapsible').collapse("hide");
//]]></script>




<script>//<![CDATA[
function scrollToTop() {
$('html, body').animate({scrollTop:0}, 'slow');
}
//]]></script>


<script src="js/jquery.sequence.js"></script>
<script type="text/javascript" src="js/bootstrap.js"></script>		


<script>//<![CDATA[
$('html, body').ready(function() {
jQuery("a[class^='prettyPhoto']").prettyPhoto();
  });
//]]></script>		

</body>
</html>
